﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        img{width:60px;height:60px;}
        #img1{vertical-align:top;}
        #img2{vertical-align:middle;}
        #img3{vertical-align:bottom;}
        #img4{vertical-align:baseline;}
    </style>
</head>
<body>
    绿叶学习网<img id="img1" src="img/girl.gif" alt=""/>绿叶学习网(top)
    <hr/>
    绿叶学习网<img id="img2" src="img/girl.gif" alt=""/>绿叶学习网(middle)
    <hr/>
    绿叶学习网<img id="img3" src="img/girl.gif" alt=""/>绿叶学习网(bottom)
    <hr/>
    绿叶学习网<img id="img4" src="img/girl.gif" alt=""/>绿叶学习网(baseline)
</body>
</html>
